<!--suppress ALL -->
<include file="./Template/header.html" />

<link rel="stylesheet" type="text/css" href="/Template/css/index.css">
<script type="text/javascript">


	$(function() {

		//初始化页面配置
		initPage("希卫康");

		var app = new Vue({
			el: '#container',
			data: {},
			methods: {
				activityList: function (id) {
					window.location.href = "/wechat/activity/index/categoryId/"+id;
				},
				scienceDetail: function (id) {
					window.location.href = "/wechat/science/detail/id/"+id;
				},
				productDetail: function(id) {
					window.location.href = "/wechat/product/detail/id/"+id;
				},
				booking: function(id) {
					window.location.href = "/wechat/booking/index/id/"+id;
				},
				order: function(id) {
					window.location.href = "/wechat/order/index/id/"+id;
				},
				myInfo: function() {
					window.location.href = "/wechat/userCenter/myInfo";
				},
                myOrder: function() {
                    window.location.href = "/wechat/userCenter/myOrder";
                },
                myBooking: function() {
                    window.location.href = "/wechat/userCenter/myBooking";
                },
                myActivity: function() {
                    window.location.href = "/wechat/userCenter/myActivity";
                },
                myAFO: function() {
                    window.location.href = "/wechat/workflow/index/type/1";
                },
                mySpin: function() {
                    window.location.href = "/wechat/workflow/index/type/2";
                },
                myCP: function() {
                    window.location.href = "/wechat/workflow/index/type/3";
                },
                finishedProduct: function() {
                    window.location.href = "/wechat/finishedProduct";
                }
			}
		})

		$("img.icon-up").click(function() {

			$(this).hide();
			$("img.icon-down").show();

			$(".info-detail").toggle();

		});

		$("img.icon-down").click(function() {

			$(this).hide();
			$("img.icon-up").show();

			$(".info-detail").toggle();

		});

	})

</script>

<div class="container" id="container">
	<div class="guidence">
		<div class="user-info">
			<div class="user-info-title">
				<img class="lefthint" src="/Template/images/icon-lefthint.png" alt="">
				<span v-on:click="myInfo">个人资料<img style="width: 1rem;height: 1rem;margin-left: 0.5rem;" src="/Template/images/edit_not.png" v-if="'{$info.category_id}' == ''"><img style="width: 1rem;height: 1rem;margin-left: 0.5rem;" src="/Template/images/edit.png" v-if="'{$info.category_id}' != ''"></span>
				<img class="icon-up" src="/Template/images/icon-up.png" alt="">
				<img class="icon-down" src="/Template/images/icon-down.png" alt="">
			</div>
			<div class="line"></div>
			<div class="info-detail">
				<div class="left-content">
					<p class="info name">姓名：<span>{$info.nickname}</span></p>
					<p class="info gender">性别：<span>{$info.sex}</span></p>
					<p class="info ac-disease">病症：<span>{$category.category_name}</span></p>
					<p class="info hospital">医院：<span>{$info.hospital_name}</span></p>
				</div>
				<div class="right-content">
					<p class="info right-info phone">电话：<span>{$info.mobile}</span></p>
					<p class="info right-info birthday">生日：<span>{$info.birthday}</span></p>
					<p class="info right-info docotor">医生：<span>{$info.doctor_name}</span></p>
				</div>
			</div>
			<div class="user-center">
				<div class="user-center-exihibate">
					<ul>
						<li class="item" v-on:click="myOrder">
							<img class="pic" src="/Template/images/icon-myOrder.png" alt="">
							<p class="aims">我的订单</p>
						</li>
						<li class="item" v-on:click="myBooking">
							<img class="pic" src="/Template/images/icon-myBooking.png" alt="">
							<p class="aims">我的预约</p>
						</li>
						<li class="item" v-on:click="myActivity">
							<img class="pic" src="/Template/images/icon-myActivity.png" alt="">
							<p class="aims">我的活动</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="line"></div>
			<div class="employee-center"  v-if="{$job.0} > 0">
				<div class="employee-center-exihibate">
					<ul>
						<li class="item" v-on:click="myAFO">
							<img class="pic" src="/Template/images/icon-myAFO.png" alt="">
							<p class="aims2">AFO定制</p>
						</li>
						<li class="item" v-on:click="mySpin">
							<img class="pic" src="/Template/images/icon-mySpin.png" alt="">
							<p class="aims2">脊柱侧弯定制</p>
						</li>

						<li class="item" v-on:click="finishedProduct">
							<img class="pic" src="/Template/images/icon-myFinishedProduct.png" alt="">
							<p class="aims2">成品下单</p>
						</li>
					</ul>
				</div>
			</div>
            <div class="employee-center"  v-if="{$job.0} > 0">
                <div class="employee-center-exihibate">
                    <ul>
                        <li class="item" >

                        </li>
						<li class="item" v-on:click="myCP">
							<img class="pic" src="/Template/images/icon-myCP.png" alt="">
							<p class="aims2">脑瘫物理检查</p>
						</li>
                        <li class="item" >

                        </li>
                    </ul>
                </div>
            </div>
		</div>
	</div>



		<foreach name="productList" item="vo">
			<div class="product-classify">
				<div class="product-title">
					<img src="/Template/images/icon-lefthint.png" alt="">
					<span>{$vo.product_name}</span>
					<if condition="$vo['is_finished'] eq 1">
						<button class="buy-now active" v-on:click="order({$vo['product_id']})">立即购买</button>
					<elseif condition="$vo['is_finished'] eq -1"/>
						<button class="order booking active" v-on:click="booking({$vo['product_id']})">定制预约</button>
					</if>

				</div>
				<div class="line"></div>
				<div class="product-exihibate">
					<ul>
						<foreach name="vo.desc_list" item="desc">
						<li class="item" v-on:click="productDetail({$desc.desc_id})">
							<img class="product-pic" src="{$desc.title_image}" alt="">
							<p class="product-name">{$desc.title}</p>
							<p class="product-aims">{$desc.second_title}</p>
						</li>
						</foreach>
					</ul>
				</div>
			</div>
		</foreach>
		<div class="disease-content">
			<div class="disease-classify">
				<div class="disease-title">
					<img src="/Template/images/icon-lefthint.png" alt="">
					<span>{$category.category_name}科普</span>
					<if condition="$category['has_activity'] eq true">
						<button class="buy-now active" v-on:click="activityList({$category.category_id})">线下活动</button>
					<else/>
						<button class="order active">暂无活动</button>
					</if>
				</div>
				<div class="line"></div>
				<div class="disease-exihibate">
					<ul>
						<foreach name="category.science_list" item="vo">
						<li class="item" v-on:click="scienceDetail({$vo.science_id})">
							<img class="product-pic" src="{$vo.title_image}" alt="">
							<p class="disease-name">{$vo.title}</p>
							<p class="teacher-name">{$vo.doctor_name}</p>
						</li>
						</foreach>
					</ul>
				</div>
			</div>
		</div>

	</div>
</div>
<include file="./Template/footer.html" />